<template>
  <div class="wrap">
    <tree :options="options" checkbox/>
  </div>
</template>
<script>
import Tree from "@/components/tree/tree.vue";
export default {
  name: "App",
  components: {
    Tree,
  },
  data() {
    return {
      options: [
        {
          key: "1",
          val:"衣服",
          children: [
            {
              key: "2",
              val:"帽子",
            },
            {
              key: "3",
              val:"裤子",
              children: [
                {
                  key: "5",
                  val:"内裤",
                },
                {
                  key: "51",
                  val: "牛仔裤",
                  children: [
                    {
                      key: "5",
                      val: "喇叭裤",
                    },
                  ],
                },
              ],
            },
            {
              key: "4",
              val:"裙子",
            },
          ],
        },
      ],
    };
  },
};
</script>
<style scoped>
</style>


